/* @import './base.css'; */

*{margin:0; padding:0; box-sizing: border-box; max-height:999999999px; word-wrap: none;}
html,body{width:100%; min-height:100%;}
/*#wrap{width:750px; margin:auto;}*/
/*html #wrap{width:750px; min-height:100%; box-sizing:border-box; margin:auto; position:relative; left:0; top:0; background:#fff;  font-size:22px !important;}*/
/*body{*/
/*  font-family:"Microsoft YaHei","微软雅黑"!important;*/
/*}*/
.wrap{
  width:100%;
  height:100%;
  /* min-width:1200px; */
  /* overflow-y:auto; */
  /* overflow-x:hidden; */
  /* box-sizing: border-box; */
  -webkit-overflow-scrolling: touch;
  /* background-color:#fff; */
}
.content-w{
  max-width:1680px;
  padding-left:20px;
  padding-right:20px;
  margin:auto;
}
ul,li{list-style-type:none;}
a{text-decoration: none; color:inherit; width:100%; height:100%;}
a:hover{
  color:inherit;
}
a:active{
  opacity: .7;
}
[data-fit-cover]{
  object-fit: cover;
}
[data-fit-fill]{
  object-fit: fill;
}
[data-fit-contain]{
  object-fit: contain;
}
[data-fit-scale-down]{
  object-fit: scale-down;
}
input{
  font-size:16px;
}
.float-clear:after{
  content:"";
  display:block;
  clear:both;
}
.float-left{
  float:left;
}
.float-right{
  float:right;
}
.active:active{opacity:.7; user-select:none;}
.pointer{cursor:pointer;}
.user-select{
  user-select:none;
}
.hide{
  display:none;
}
.max-size{width:100%; height:100%; box-sizing: border-box;}
.min-size{
  width:0;
  height:0;
  overflow:hidden;
}
.text-center{
  text-align:center;
}
.text-right{
  text-align:right;
}
.color-333{
  color:#333;
}
.color-fff{
  color:#fff;
}
.color-f00{
  color:#ff0000;
}
.color-ccc{
  color:#ccc;
}
.color-999{
  color:#999;
}
.color-2883f9{
  color:#2883f9;
}
.color-5697ea{
  color:#5697ea;
}
.bg-0{
  background-color:#F9CF06;
}
.bg-1{
  background-color:#48BFDF;
}
.bg-2{
  background-color:#EA84B3;
}
.bg-3{
  background-color:#704698;
}
/*  font */
.font-12{
  font-size:12px;
}
.font-14{
  font-size:14px;
}
.font-16{
  font-size:16px;
}
.font-18{
  font-size:18px;
}
.font-20{
  font-size:20px;
}
.font-22{
  font-size:22px;
}
.font-24{
  font-size:24px;
}
.font-26{
  font-size:26px;
}
.font-28{
  font-size:28px;
}
.font-30{
  font-size:30px;
}
.font-32{
  font-size:32px;
}
.font-34{
  font-size:34px;
}
.font-36{
  font-size:36px;
}
.font-weight{
  font-weight:bold
}
/*  font */
/* input */
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #c5c8ce;
    /* font-size: 28px; */
  }

  input:-moz-placeholder, textarea:-moz-placeholder {
    color: #c5c8ce;
    /* font-size: 28px; */
  }

  input::-moz-placeholder, textarea::-moz-placeholder {
    color: #c5c8ce;
    /* font-size: 28px; */
  }

  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #c5c8ce;
    /* font-size: 28px; */
  } */
/* input


/*icon*/
.icon-right-btn{
  transition:all .3s;
} .icon-right-btn:after{
  content:"";
  display:block;
  border-right:3px solid #999;
  border-bottom:3px solid #999;
  transform-origin: center;
  transform:rotate(-45deg);
  width:16px;
  height:16px;
}
.icon-bottom-btn{
  transition:all .3s;
  margin-left:20px;
  transform-origin:0 50%;
}   .icon-bottom-btn:after{
      content:"";
      display:block;
      border-right:3px solid #999;
      border-bottom:3px solid #999;
      transform-origin:50%;
      transform:rotate(45deg) translate(-50%);
      width:16px;
      height:16px;
    }
[data-hint]{
  position:relative;
  left:0;
  top:0;
}   [data-hint]:after{
      content: attr(data-hint);
      display:block;
      position:absolute;
      font-family: "宋体";
      top:0;
      right:0;
      min-width:30px;
      height:30px;
      text-align:center;
      line-height:30px;
      transform:translateX(30%) translateY(-30%);
      border-radius:50%;
      background:#DC5739;
      color:#fff;
      font-size:18px;
    }
[data-hint="0"]:after{
  opacity: 0;
}
.icon-list{
  font-size:50px;
}   .icon-list:after{
      content:"≡";
      display: block;
      font-weight:bolder;
      transform:scale(1,1.6);
      font-family: "宋体";
    }

.icon-attention{
  border-color:#ccc;
  border-style: solid;
  border-width:2px 10px;
  border-radius:50%;
  margin-right:10px;
}   .icon-attention:after{
      content:"";
      display:block;
      width:12px;
      height:12px;
      border-radius:50%;
      background:#ccc;
      margin:2px;
    }
.icon-information-1{
  position:relative;
  left:0;
  top:0;
  width:34px;
  height:28px;
  background:#999999;
  color:#fff;
  border-radius:4px;
  margin-left:10px;
  font-size:16px;
}   .icon-information-1:before{
      content:"•••";
    }
.icon-information-1:after{
  content:"▼";
  display:block;
  position:absolute;
  left:0%;
  top:50%;
  color:#999999;
  transform-origin:center;
  transform:translateX(-80%) translateY(-50%) rotate(90deg);
}
.icon-information-2{
  position:relative;
  left:0;
  top:0;
  width:34px;
  height:28px;
  background:#999999;
  color:#fff;
  border-radius:4px;
  margin-right:10px;
  font-size:16px;
}   .icon-information-2:before{
      content:"•••";
    }
.icon-information-2:after{
  content:"▼";
  display:block;
  position:absolute;
  left:50%;
  bottom:0;
  color:#999999;
  transform:translateX(-50%) translateY(60%);
}

/*icon*/
/*文本额缩略*/
.text-line-2,.text-line-3,.text-line-4,.text-line-5,.text-line-6,.text-line-7,.text-line-s{
  display:-webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-line-1{
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.text-line-2{
  -webkit-line-clamp:2;
}
.text-line-3{
  -webkit-line-clamp:3;
}
.text-line-4{
  -webkit-line-clamp:4;
}
.text-line-5{
  -webkit-line-clamp:5;
}
.text-line-6{
  -webkit-line-clamp:6;
}
.text-line-7{
  -webkit-line-clamp:7;
}
.text-line-s{
 -webkit-line-clamp:1;
}
/*文本额缩略*/

.middle::before{
  content:'';
  display:inline-block;
  width:0;
  height:100%;
  vertical-align: middle;
}
.middle > *{
  display:inline-block;
  vertical-align: middle;
}

/*弹性布局*/
.flex,.flex-center,.flex-justify-center,.flex-items-center,.flex-column,.flex-justify-between,.flex-justify-around,.flex-items-start,.flex-items-end,.flex-wrap{
  display:flex;
}
.text-center{
  text-align:center;
}
.flex-none{
  flex:none;
}
.flex-0{
  flex:0;
}
.flex-1{
  flex:1;
}
.flex-2{
  flex:2;
}
.flex-3{
  flex:3;
}
.flex-center{
  justify-content: center;
  align-items:center;
}
.flex-justify-center{
  justify-content: center;
}
.flex-justify-between{
  justify-content:space-between;
}
.flex-justify-around{
  justify-content:space-around;
}
.flex-items-start{
  align-items:flex-start;
}
.flex-items-center{
  align-items: center;
}
.flex-items-end{
  align-items:flex-end;
}
.flex-column{
  flex-direction:column;
}
.flex-wrap{
  flex-wrap:wrap;
}
/*弹性布局*/

/*自定义滚动条*/
/* .scroll{*/
/*overflow:auto;*/
/*}*/
/* .scroll::-webkit-scrollbar{*/
/*width:8px;*/
/*height:8px;*/
/*!*-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0);*!*/
/*!*background:rgba(0,0,0,0);*!*/
/*} */
/*.scroll::-webkit-scrollbar-track{*/
/*background:rgba(0,0,0,0);*/
/*border-radius:4px;*/
/*}*/
/*.scroll:hover::-webkit-scrollbar-track{*/
/*background:rgba(0,0,0,.5);*/
/*} */


/*自定义滚动条*/
.scroll{
  overflow:auto;
  -webkit-overflow-scrolling: touch
}
.scroll::-webkit-scrollbar{
  width:0;
  height:0;
}
.scroll:hover::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.scroll::-webkit-scrollbar-track{
  border-radius:4px;
}
.scroll:hover::-webkit-scrollbar-track{
  background:#182238;
}
.scroll:hover::-webkit-scrollbar-thumb{
  background:rgba(94,227,253,.4);
  border-radius:6px;
}
.scroll::-webkit-scrollbar-thumb:hover{
  background:#1281ca;
  border-radius:4px;
}
.noscroll::-webkit-scrollbar{
  width:0;
  height:0;
}
/*自定义滚动条*/
.scroll::-webkit-scrollbar{
  width:0;
  height:0;
}
.scroll:hover::-webkit-scrollbar{
  width:6px;
  height:6px;
}
.scroll::-webkit-scrollbar-track{
  height:6px;
  border-radius:4px;
}
.scroll:hover::-webkit-scrollbar-track{
  background:#182238;
}
.scroll:hover::-webkit-scrollbar-thumb{
  background:rgba(94,227,253,.4);
  border-radius:6px;
}
.scroll::-webkit-scrollbar-thumb:hover{
  background:#1281ca;
  border-radius:4px;
}
.noscroll::-webkit-scrollbar{
  width:0;
  height:0;
}